!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[StylableButton_Default]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[StylableButton_Default]"]=t(require("react")):e["rb_wixui.thunderbolt[StylableButton_Default]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={27232:function(e,t,n){var a=n(82016);e.exports=a.create("StylableButton2545352419",{classes:{root:"StylableButton2545352419__root",label:"StylableButton2545352419__label",link:"StylableButton2545352419__link",container:"StylableButton2545352419__container",icon:"StylableButton2545352419__icon"},vars:{},stVars:{},keyframes:{},layers:{}},"",-1,e.id)},82016:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createRenderable=t.create=void 0;t.create=function(e,t,n,a,r,o){const s={namespace:e,classes:t.classes,keyframes:t.keyframes,layers:t.layers,vars:t.vars,stVars:t.stVars,cssStates:function(e){const t=[];for(const n in e){const a=l(n,e[n]);a&&t.push(a)}return t.join(" ")},style:i,st:i,$id:r,$depth:a,$css:n};function l(t,n){if(!1===n||null==n||n!=n)return"";if(!0===n)return function(t){return`${e}--${t}`}(t);return function(t,n){return`${e}---${t}-${n.length}-${n.replace(/\s/gm,"_")}`}(t,n.toString())}function i(){const e=[];for(let t=0;t<arguments.length;t++){const n=arguments[t];if(n)if("string"==typeof n)e[e.length]=n;else if(1===t)for(const t in n){const a=l(t,n[t]);a&&(e[e.length]=a)}}return e.join(" ")}return o&&o.register(s),s},t.createRenderable=function(e,t,n){return{$css:e,$depth:t,$id:n,$theme:!0}}},5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var o=n[e]={id:e,exports:{}};return t[e](o,o.exports,a),o.exports}a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return function(){"use strict";a.r(r),a.d(r,{components:function(){return ie}});var e=a(448),t=a.n(e),n=a(5329),o=a.n(n);const s="wixui-",l=(e,...t)=>{const n=[];return e&&n.push(`${s}${e}`),t.forEach((e=>{e&&(n.push(`${s}${e}`),n.push(e))})),n.join(" ")},i=13,c=27;function u(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}const d=u(32),p=u(i),m=e=>{p(e),d(e)},b=(u(c),["aria-id","aria-metadata","aria-type"]),f=({role:e,tabIndex:t,tabindex:n,...a}={})=>{const r=Object.entries(a).reduce(((e,[t,n])=>({...e,[`aria-${t}`.toLowerCase()]:n})),{role:e,tabIndex:t??n});return Object.keys(r).forEach((e=>{void 0!==r[e]&&null!==r[e]||delete r[e]})),o=r,s=b,Object.entries(o).reduce(((e,[t,n])=>(s.includes(t)||(e[t]=n),e)),{});var o,s},v=({reportBiOnClick:e,onClick:t})=>(0,n.useCallback)((n=>{e?.(n),t?.(n)}),[e,t]),g=e=>Object.entries(e).reduce(((e,[t,n])=>(t.includes("data-")&&(e[t]=n),e)),{});const h=(e,t)=>e?{"data-comp":t,"data-aid":t}:{},y={root:"linkElement"};var k=n.forwardRef(((e,t)=>{const{href:a,role:r,target:o,rel:s,className:l="",children:i,linkPopupId:c,anchorDataId:u,anchorCompId:b,tabIndex:f,dataTestId:v=y.root,title:h,onClick:k,onDoubleClick:C,onMouseEnter:E,onMouseLeave:M,onFocus:S,onFocusCapture:w,onBlurCapture:x,"aria-live":N,"aria-disabled":B,"aria-label":D,"aria-labelledby":O,"aria-pressed":I,"aria-expanded":_,"aria-describedby":L,"aria-haspopup":A,"aria-current":P,dataPreview:j,dataPart:T}=e,R=void 0!==e.activateByKey?e.activateByKey:(e=>e?"SpaceOrEnter":"Space")(c);let F;switch(R){case"Enter":F=p;break;case"Space":F=d;break;case"SpaceOrEnter":F=m;break;default:F=void 0}return void 0!==a||c?n.createElement("a",{...g(e),"data-testid":v,"data-popupid":c,"data-anchor":u,"data-anchor-comp-id":b,"data-preview":j,"data-part":T,href:a||void 0,target:o,role:c?"button":r,rel:s,className:l,onKeyDown:F,"aria-live":N,"aria-disabled":B,"aria-label":D,"aria-labelledby":O,"aria-pressed":I,"aria-expanded":_,"aria-haspopup":A,"aria-describedby":L,"aria-current":P,title:h,onClick:k,onMouseEnter:E,onMouseLeave:M,onDoubleClick:C,onFocus:S,onFocusCapture:w,onBlurCapture:x,ref:t,tabIndex:c?0:f},i):n.createElement("div",{...g(e),"data-testid":v,"data-preview":j,"data-part":T,className:l,tabIndex:f,"aria-label":D,"aria-labelledby":O,"aria-haspopup":A,"aria-disabled":B,"aria-expanded":_,title:h,role:r,onClick:k,onDoubleClick:C,onMouseEnter:E,onMouseLeave:M,ref:t},i)}));const C=e=>Boolean(e&&(e.href||e.linkPopupId));let E=function(e){return e.HOVER="hover",e}({});const M="buttonContent",S="stylablebutton-label",w="stylablebutton-icon",x=(Object.keys({width:{type:"maxContent"}}),{left:"flex-start",right:"flex-end",center:"center","space-between":"space-between"}),N={start:"flex-start",end:"flex-end",center:"center",justify:"space-between"},B={"flex-start":"left","flex-end":"right",center:"center","space-between":"space-between"},D={"flex-start":"start","flex-end":"end",center:"center","space-between":"justify"};var O={root:"button",buttonLabel:"button__label",buttonIcon:"button__icon"};var I=e=>{const{label:t,icon:n,classNames:a}=e;return o().createElement("span",{className:a.container},t&&o().createElement("span",{className:a.label,"data-testid":S},t),n&&o().createElement("span",{className:a.icon,"aria-hidden":"true","data-testid":w},n))};const _="animated-svg",L="animate-tag-forward",A="animate-tag-backward",P="fallback-path",j=e=>{const t=document.createElementNS("http://www.w3.org/2000/svg","path");return t.setAttribute("d",e),Math.ceil(t.getTotalLength())},T=(e,t)=>{const n=document.createElementNS("http://www.w3.org/2000/svg","path");n.setAttribute("d",e);const a=n.getTotalLength()/(t-1),r=[],o=e=>Number(e.toFixed(1));for(let e=0;e<t;e++){const t=n.getPointAtLength(e*a);r.push([o(t.x),o(t.y)])}const s=[];for(let e=0;e<r.length;e++){const[t,n]=r[e],a=0===e?"M":"L";s.push(""+a+t+","+n)}return(e.trim().endsWith("z")||e.trim().endsWith("Z"))&&s.push("Z"),s.join(" ").trim()},R=e=>{const t=[...e.matchAll(/<path [^>]*d="([^"]+)"/g)].map((e=>e[1]));return t.map((e=>""+e.trim())).join(" ")},F=(0,n.forwardRef)(((e,a)=>{let{pathStart:r,pathEnd:s,attributes:l,duration:i,reducedMotion:c=!1}=e;const u=(0,n.useRef)(null),d=(0,n.useRef)(null),[p,m]=(0,n.useState)({resampledPathStart:"",resampledPathEnd:""}),{resampledPathStart:b,resampledPathEnd:f}=p,[v,g]=(0,n.useState)(!1);(0,n.useImperativeHandle)(a,(()=>({runAnimationForward:h,runAnimationBackward:y}))),(0,n.useEffect)((()=>{const e=j(r),t=j(s),n=Math.max(e,t),a=T(r,n),o=T(s,n);m({resampledPathStart:a,resampledPathEnd:o})}),[r,s]);const h=()=>{u.current&&!c&&u.current.beginElement(),g(!0)},y=()=>{d.current&&!c&&d.current.beginElement(),g(!1)},k=()=>{v?y():h()};return o().createElement("svg",t()({},l,{"data-testid":_,onMouseEnter:k,onMouseLeave:k}),o().createElement("g",null,b&&f?o().createElement("path",{d:v?s:r},o().createElement("animate",{ref:u,attributeName:"d",from:b,to:f,dur:i+"s",begin:"indefinite",repeatCount:"1","data-testid":L}),o().createElement("animate",{ref:d,attributeName:"d",from:f,to:b,dur:i+"s",begin:"indefinite",repeatCount:"1","data-testid":A})):o().createElement("path",{d:r,"data-testid":P})))}));var $=(0,n.memo)(F);const H=e=>n.createElement("span",{dangerouslySetInnerHTML:{__html:e||""}}),V=(e,t)=>e?e.replace(/(id="|url\(#|href="#)([^"]+)(?=[")])/g,((e,n,a)=>""+n+(t+a))):e,W=(e,t)=>["has",t,...e.split("has").slice(1)].join("");function K(e){let{hover:t={},disabled:n={},...a}=e;return{...a,...Object.fromEntries([...Object.entries(t).map((e=>{let[t,n]=e;return[W(t,"Hover"),n]})),...Object.entries(n).map((e=>{let[t,n]=e;return[W(t,"Disabled"),n]}))])}}const U=e=>{let{svgStringAnimatedStart:t,svgStringAnimatedEnd:a,animationDuration:r,id:o,iconAnimatedRef:s,reducedMotion:l}=e;const i=R(t),c=R(a),u=(e=>{const t={},n=e.match(/<svg\s+([^>]+)>/i);if(n&&n[1]){const e=/(\w+)=["']([^"']+)["']/g,a=Array.from(n[1].matchAll(e));for(const e of a)t[e[1]]=e[2]}return t})(V(t,o));return i&&c?n.createElement($,{pathStart:i,pathEnd:c,attributes:u,duration:r,reducedMotion:l,ref:s}):null},G=(e,a)=>{const{id:r,link:o,type:s="button",svgString:l,isIconAnimated:i=!1,animatedIcon:c,label:u,isDisabled:m,className:b,isQaMode:y,fullNameCompType:S,reportBiOnClick:w,a11y:x,corvid:N,onDblClick:B,onMouseEnter:D,onMouseLeave:_,onFocus:L,onBlur:A,ariaAttributes:P,onClick:j,preventLinkNavigation:T,classNames:R,compPreviewState:F,reducedMotion:$}=e,W=C(o),K=T&&W,G=!m&&j||K,{svgStringAnimatedStart:Z,svgStringAnimatedEnd:q,animationDuration:Q}=c||{svgStringAnimatedStar:"",svgStringAnimatedEnd:"",animationDuration:.4},{iconSvgString:z,iconCollapsed:J,iconAnimationTriggers:X=[E.HOVER]}=N||{},Y=e.semanticClassNames||O,ee=n.useRef(null),te=(0,n.useRef)(!1),ne=(0,n.useRef)(null);n.useImperativeHandle(a,(()=>({focus:()=>{var e;null==(e=ee.current)||e.focus()},blur:()=>{var e;null==(e=ee.current)||e.blur()},animateIconForward:()=>{ae()},animateIconBackward:()=>{re()}})));const ae=(0,n.useCallback)((()=>{var e;!m&&i&&(null==(e=ne.current)||e.runAnimationForward())}),[m,i]),re=(0,n.useCallback)((()=>{var e;!m&&i&&(null==(e=ne.current)||e.runAnimationBackward())}),[m,i]),oe=n.useMemo((()=>{var e,t;return f({...P,...x,label:null!=(e=null!=(t=null==P?void 0:P.label)?t:x.label)?e:u})}),[x,u,P]),se=(0,n.useCallback)((e=>{X.includes(E.HOVER)&&ae(),null==D||D(e)}),[X,ae,D]),le=(0,n.useCallback)((e=>{X.includes(E.HOVER)&&re(),null==_||_(e)}),[X,re,_]),ie=v({reportBiOnClick:w,onClick:G?e=>{K&&e.preventDefault(),!m&&(null==j||j(e))}:void 0}),ce=n.useMemo((()=>((e,t,n)=>{let{onClick:a,onDblClick:r,onMouseEnter:o,onMouseLeave:s,onFocus:l,onBlur:i}=e;return{onClick:a,onMouseEnter:o,onMouseLeave:s,onKeyDown:t?d:p,onDoubleClick:!n&&r?r:void 0,onFocus:!n&&l?l:void 0,onBlur:!n&&i?i:void 0}})({onClick:ie,onDblClick:B,onMouseLeave:le,onMouseEnter:se,onFocus:L,onBlur:A},W,m)),[ie,B,le,se,L,A,W,m]),ue=R.root;te.current=!1;const de=(0,n.useCallback)((()=>{if(!J&&null!==z){if(z)return te.current=!0,H(V(z,r));if(l)return H(V(l,r))}return null}),[J,z,r,l]),pe=(0,n.useCallback)((()=>(i&&Z&&q&&U({svgStringAnimatedStart:Z,svgStringAnimatedEnd:q,animationDuration:Q,id:r,iconAnimatedRef:ne,reducedMotion:$}),null)),[Q,r,i,$,q,Z]),me=(0,n.useMemo)((()=>i?pe():de()),[i,pe,de]),be=a=>n.createElement("div",t()({id:r,className:b},h(y,S),g(e),{"data-semantic-classname":Y.root}),n.createElement("button",t()({type:s,disabled:m,className:ue,"data-testid":M},oe,ce,{ref:ee,role:a,"data-preview":F}),n.createElement(I,{label:u,icon:me,override:te.current,semanticClassNames:Y,classNames:R})));return m&&W?be("link"):W?(()=>{const{onFocus:a,onBlur:s,...l}=ce;return n.createElement("div",t()({id:r,className:b},l,g(e),h(y,S),{"data-semantic-classname":Y.root}),n.createElement(k,t()({},o,oe,{href:m?void 0:o.href,className:R.link,onFocusCapture:a,onBlurCapture:s,ref:ee,dataPreview:F}),n.createElement(I,{label:u,icon:me,semanticClassNames:Y,classNames:R})))})():be()};var Z=n.forwardRef(G),q=a(27232);var Q=e=>{const{label:t,icon:n,override:a,semanticClassNames:r}=e;return o().createElement("span",{className:q.classes.container},t&&o().createElement("span",{className:(0,q.st)(q.classes.label,l(r.buttonLabel)),"data-testid":S},t),n&&o().createElement("span",{className:(0,q.st)(q.classes.icon,{override:!!a},l(r.buttonIcon)),"aria-hidden":"true","data-testid":w},n))};const z=(e,a)=>{const{id:r,link:o,type:s="button",svgString:i,label:c,isDisabled:u,className:m,stylableButtonClassName:b,customClassNames:y=[],isQaMode:E,fullNameCompType:S,reportBiOnClick:w,a11y:x,corvid:N,isMaxContent:B=!1,isWrapText:D=!1,onDblClick:I,onMouseEnter:_,onMouseLeave:L,onFocus:A,onBlur:P,ariaAttributes:j,onClick:T,preventLinkNavigation:R}=e,F=C(o),$=R&&F,W=!u&&T||$,U=e.semanticClassNames||O,G=n.useRef(null);n.useImperativeHandle(a,(()=>({focus:()=>{var e;null==(e=G.current)||e.focus()},blur:()=>{var e;null==(e=G.current)||e.blur()}})));const Z=n.useMemo((()=>{var e,t;return f({...j,...x,label:null!=(e=null!=(t=null==j?void 0:j.label)?t:x.label)?e:c})}),[x,c,j]),z=v({reportBiOnClick:w,onClick:W?e=>{$&&e.preventDefault(),!u&&(null==T||T(e))}:void 0}),J=n.useMemo((()=>((e,t,n)=>{let{onClick:a,onDblClick:r,onMouseEnter:o,onMouseLeave:s,onFocus:l,onBlur:i}=e;return{onClick:a,onMouseEnter:o,onMouseLeave:s,onKeyDown:t?d:p,onDoubleClick:!n&&r?r:void 0,onFocus:!n&&l?l:void 0,onBlur:!n&&i?i:void 0}})({onClick:z,onDblClick:I,onMouseLeave:L,onMouseEnter:_,onFocus:A,onBlur:P},F,u)),[z,I,L,_,A,P,F,u]),{iconSvgString:X,iconCollapsed:Y,...ee}=N||{},te=(0,q.st)(q.classes.root,{error:!1,disabled:u,isMaxContent:B,isWrapText:D,...K(ee)},b,l(U.root,...y));let ne=null,ae=!1;Y||null===X||(X?(ne=H(V(X,r)),ae=!0):i&&(ne=H(V(i,r))));const re=a=>n.createElement("div",t()({id:r,className:m},h(E,S),g(e),{"data-semantic-classname":U.root}),n.createElement("button",t()({type:s,disabled:u,className:te,"data-testid":M},Z,J,{ref:G,role:a}),n.createElement(Q,{label:c,icon:ne,override:ae,semanticClassNames:U})));return u&&F?re("link"):F?(()=>{const{onFocus:a,onBlur:s,...l}=J;return n.createElement("div",t()({id:r,className:m},l,g(e),h(E,S),{"data-semantic-classname":U.root}),n.createElement(k,t()({},o,Z,{href:u?void 0:o.href,className:(0,q.st)(te,q.classes.link),onFocusCapture:a,onBlurCapture:s,ref:G}),n.createElement(Q,{label:c,icon:ne,semanticClassNames:U})))})():re()};var J=n.forwardRef(z);const X=(e,n)=>{const{isDisabled:a,stylableButtonClassName:r,customClassNames:s=[],corvid:i,isMaxContent:c=!1,isWrapText:u=!1,isUdpExperimentOn:d}=e;if(!d)return o().createElement(J,t()({},e,{ref:n}));const{iconSvgString:p,iconCollapsed:m,...b}=i||{},f=e.semanticClassNames||O,v=(0,q.st)(q.classes.root,{error:!1,disabled:a,isMaxContent:c,isWrapText:u,...K(b)},r,l(f.root,...s)),g=(0,q.st)(v,q.classes.link),h=(0,q.st)(q.classes.label,l(f.buttonLabel));let y=!1;m||null===p||p&&(y=!0);const k=(0,q.st)(q.classes.icon,{override:y},l(f.buttonIcon)),C={...e,classNames:{root:v,link:g,label:h,icon:k,container:(0,q.st)(q.classes.container)}};return o().createElement(Z,t()({},C,{ref:n}))};var Y=o().forwardRef(X);const ee=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`)),te=e=>"linkPopupId"in e,ne=(e,t)=>{if(te(e))return e.linkPopupId;{const{pagesMap:n,mainPageId:a}=t||{};if(!n)return;const r=new URL(e.href??"");let o=Object.values(n).find((({pageUriSEO:e})=>!!e&&r.pathname?.includes(e)));return o||(o=a?n[a]:void 0),o?.pageId}},ae=e=>{if(void 0!==e)return null===e?"None":e.type},re=(e,t)=>{if(!e?.type)return;const{type:n}=e;switch(n){case"AnchorLink":return e.anchorDataId;case"DocumentLink":return e.docInfo?.name;case"PageLink":const n=ne(e,t);return n&&t?.pagesMap?.[n]?.title;default:return e.href}},oe=(e,t,n)=>{const{link:a,value:r,details:o,actionName:s,elementType:l,trackClicksAnalytics:i,pagesMetadata:c,...u}=t;if(!i)return;const d=c&&{...c,pagesMap:window.viewerModel?.siteFeaturesConfigs?.router?.pagesMap},p=((e,t)=>{if(!e?.type)return;const{type:n}=e;switch(n){case"AnchorLink":return(e=>"anchorDataId"in e&&("SCROLL_TO_TOP"===e.anchorDataId||"SCROLL_TO_BOTTOM"===e.anchorDataId))(e)?void 0:{id:e.anchorDataId};case"DocumentLink":return{id:e.docInfo?.docId};case"PageLink":return{id:ne(e,t),isLightbox:te(e)};default:return}})(a,d),m=o||p?JSON.stringify({...p,...o}):void 0;e({src:76,evid:1113,...{...u,bl:navigator.language,url:window.location.href,details:m,elementType:l??"Unknown",actionName:s??ae(a),value:r??re(a,d)}},{endpoint:"pa",...n})};var se;!function(e){e.Text="Text",e.Menu="Menu",e.Image="Image",e.Input="Input",e.Login="Login",e.Button="Button",e.Social="Social",e.Gallery="Gallery",e.Community="Community",e.Decorative="Decorative",e.MenuAndSearch="MenuAndSearch",e.MenuAndAnchor="MenuAndAnchor"}(se||(se={}));var le;const ie={StylableButton_Default:{component:Y,controller:(le=e=>{let{mapperProps:t,stateValues:n}=e;const{trackClicksAnalytics:a,compId:r,language:o,mainPageId:s,...l}=t,{reportBi:i,reducedMotion:c}=n;return{...l,reportBiOnClick:e=>{const{fullNameCompType:t,label:n,link:c,isDisabled:u}=l;oe(i,{link:c,language:o,trackClicksAnalytics:a,elementTitle:null!=n?n:"",elementType:t,pagesMetadata:{mainPageId:s},elementGroup:se.Button,details:{isDisabled:null!=u&&u},element_id:null!=r?r:e.currentTarget.id})},reducedMotion:c}},{useComponentProps:(e,t,n)=>{const a=(e=>({...e,updateStyles:t=>{const n=Object.entries(t).reduce(((e,[t,n])=>{return{...e,[(a=t,a.startsWith("--")?t:ee(t))]:void 0===n?null:n};var a}),{});e.updateStyles(n)}}))(n);return le({mapperProps:e,stateValues:t,controllerUtils:a})}})}}}(),r}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[StylableButton_Default].0b293699.bundle.min.js.map